<script setup>

</script>

<template>
  <div>

    <!-- 1.定义路由的请求路径  本质就是a标签 
         在使用标签时 如果是驼峰映射规则  默认使用-线连接
         <a href='/'></a>
         <a href='/list'></a>
    -->
    <router-link to="/">首页</router-link>
    <router-link to="/login">列表</router-link>

    <!-- 2.指定路由的渲染区域 
       1.默认规则  路由默认跳转的位置
    -->
    <router-view></router-view>

    <!-- 指定渲染区域 -->
    <router-view name="myView"></router-view>
    
  </div>
  
</template>

<style scoped>
</style>
